<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="./zymimg/logo.png">
    <link rel="stylesheet" href="./zymcss/register.css">
    <title>手机号注册 - 纵横中文网</title>
</head>
<body>
    <header>
        <div class="top-box">
            <div class="logo">
                <img src="https://rcode.zongheng.com/v2018/images/logo_min.png?v=2" alt="" />
                <p>注册账户</p>
            </div>
            <nav>
                <p>我已注册，现在就</p>
                <a href="./login.html">登录</a>
            </nav>
        </div>
    </header>
    <div class="line"></div>
    <main>
        <div class="progress">
            <div class="progress-step">
                <div class="circle active">1</div>
            </div>
            <div class="progress-step">
                <div class="circle inactive">2</div>
            </div>
            <div class="progress-step">
                <div class="circle inactive">3</div>
            </div>
        </div>
        <form id="registerForm" onsubmit="return false;">
            <label for="phone">手机号</label>
            <input type="tel" id="phone" name="phone" placeholder="请输入手机号" maxlength="11" pattern="^1[3-9]\d{9}$"
                required />
            <div class="note">仅支持中国大陆手机号</div>
            <label for="smsCode">短信验证码</label>
            <div class="send-code-container">
                <input type="text" id="smsCode" name="smsCode" placeholder="请输入六位数验证码" maxlength="6" pattern="\d{6}"
                    required />
                <button type="button" id="sendCodeBtn" class="send-code">发送验证码</button>
            </div>

            <button type="submit" id="nextBtn" class="next-step" disabled onclick="changeCol()">下一步</button>

            <div class="agreement">
                <input type="checkbox" id="agreement" />
                <label for="agreement">注册账号代表您已同意 <span>《用户协议》</span> 和 <span
                        >《隐私政策》</span></label>
            </div>
        </form>
    </main>
</body>
<script src="./zymjs/register.js"></script>
</html>